<script src="<?php echo base_url(); ?>/js/holder.js"></script>
<style>
    .nav-tabs {
        margin-bottom: 20px;
    }
    .img-rounded {
        margin-bottom: 20px;
    }
    .col-sm-4 {
        margin-left: 20px;
    }
    .col-sm-6 {
        margin-left: -40px;
    }    
    .col-sm-8 {
        margin-left: -40px;
    }
    
</style>
<div class="tabbable">
  <ul class="nav nav-tabs">
      <li class="active"><a href="#pane1" data-toggle="tab">Thông Tin Cá Nhân</a></li>
    <li><a href="#pane2" data-toggle="tab">Danh Sách Các Lớp Đã Dạy</a></li>
    <li><a href="#pane3" data-toggle="tab">Bản Đồ</a></li>
    <li><a href="#pane4" data-toggle="tab">Đánh Gía</a></li>
  </ul>
  <div class="tab-content">
    <div id="pane1" class="tab-pane active">
      <img src="holder.js/140x140/sky" alt="..." class="img-rounded">
      <div class="panel panel-info " id="">
    <div class="panel-heading">
        <h3 class="panel-title">Thông Tin</h3>
    </div>
    <div class="panel-body row">
        <form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="" class="col-sm-4">Họ Tên :</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="hoten" placeholder="Nguyễn Văn Tý">
    </div>
  </div>
  <div class="form-group">
    <label for="" class="col-sm-4">Quê Quán :</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="que" placeholder="Hà Nội">
    </div>
  </div>
  <div class="form-group">
    <label for="" class="col-sm-4">Giới Tính :</label>
    <div class="col-sm-6">
      <div class="radio">
        <label>
            <input type="radio" name="optionsRadios" id="radio1" value="option1" checked>Nam
        </label>
      </div>
        <div class="radio">
          <label>
            <input type="radio" name="optionsRadios" id="radio2" value="option2">Nữ
        </label>
      </div>
    </div>
  </div>         
  <div class="form-group">
        <label for="" class="col-sm-4">Môn Dạy :</label>
    <div class="col-sm-6">
      <input type="input" class="form-control" id="mon" placeholder="Hóa">
    </div>
  </div>
  <div class="form-group">
    <label for="" class="col-sm-4">Số Năm Kinh Nghiệm :</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="kinhnghiem" placeholder="4">
    </div>
  </div> 
  <div class="form-group">
    <label for="" class="col-sm-4">Trình Độ :</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="trinhdo" placeholder="Sinh Viên">
    </div>
  </div>
  <div class="form-group">
    <label for="" class="col-sm-4">Yêu Cầu :</label>
    <div class="col-sm-8">
      <textarea class="form-control" rows="4" placeholder=" Yêu cầu của phụ huynh hay gia sư"></textarea>

    </div>
  </div>  
</form>

 
    </div>
</div>
      
    </div>
    <div id="pane2" class="tab-pane">
          <div class="panel panel-info " id="">
    <div class="panel-heading">
        <h3 class="panel-title">Thông Tin</h3>
    </div>
    <div class="panel-body row">
        <form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="" class="col-sm-4">Tên Lớp :</label>
    <div class="col-sm-6">
      <select select class="form-control">
        <option>HH 1</option>
        <option>HH 2</option>
        <option>L 1</option>
        <option>AV 1</option>
        <option>HH 3</option>
      </select>
    </div>
  </div>
  <div class="form-group">
    <label for="" class="col-sm-4">Đánh Giá ( Theo từng lớp ) :</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="danhgia1" placeholder="8/10">
    </div>
  </div>     
  <div class="form-group">
        <label for="" class="col-sm-4">Thời Gian Dạy</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="thoigian" placeholder="HH1 từ tháng 1 đến tháng 4">
    </div>
  </div>
  <div class="form-group">
    <label for="" class="col-sm-4">Thành Tích :</label>
    <div class="col-sm-8">
      <textarea class="form-control" rows="4" placeholder=" Thành tích mà học sinh đạt được"></textarea>

    </div>
  </div>  
</form>

 
    </div>
</div>
    </div>
    <div id="pane3" class="tab-pane">
        <div class="jumbotron">
            
        </div>

    </div>
    <div id="pane4" class="tab-pane">
     <div class="panel panel-info tim-gia-su" id="">
    <div class="panel-heading">
        <h3 class="panel-title">Thông Tin</h3>
    </div>
    <div class="panel-body row">
        <form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="" class="col-sm-4">Đánh Giá :</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="danhgia2" placeholder="8/10">
    </div>
  </div>     
  <div class="form-group">
    <label for="" class="col-sm-4">Ý kiến ( phụ huynh hay học sinh ) :</label>
    <div class="col-sm-8">
      <textarea class="form-control" rows="4" placeholder=" Nhận Xét"></textarea>

    </div>
  </div>  
</form>

 
    </div>
</div>
    </div>
  </div><!-- /.tab-content -->
</div><!-- /.tabbable -->
